<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="https://unpkg.com/vue"></script>
    <title>模版语法</title>
</head>
<body>
    <!--
    1 v-once 关键字，表明的是，该内容不会随着属性的改变而改变，不是绑定的，是一次性的
    2 v-html 关键字，表明的是，rawHtml是HTML代码
    3 v-model关键字，表明的是，绑定信息，属性变化，进而影响到别的标签的内容
    -->
    <div id="app-1">
        <p>这个将会改变：{{message}}</p>
        <p v-once>这个不会改变:{{msg}}</p>
        <p v-html="rawHtml"></p>
    </div>
    <script>
        var app1 = new Vue({
            el:'#app-1',
            data:{
                msg:'不会改变',
                message:'将要改变',
                rawHtml:'<a href="#">点我啊</a>'
            }
        })
    </script>
</body>
</html>